<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width"/>
    <meta name="author" content="www.dalabengba.vip"/>
    <meta name="robots" content="all"/>
    <title>日记-达拉崩吧</title>

    <link rel="stylesheet" th:href="@{/font-awesome/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/css/master.css}"/>
    <link rel="stylesheet" th:href="@{/css/gloable.css}"/>
    <link rel="stylesheet" th:href="@{/css/nprogress.css}"/>
    <link rel="stylesheet" th:href="@{/css/timeline.css}"/>

</head>
<body>
<div class="header">
</div>

<header th:replace="common::commonheader"></header>

<div class="doc-container" id="doc-container">
    <div class="container-fixed">
        <div class="timeline-box shadow">
            <div class="timeline-main">
                <h1><i class="fa fa-clock-o"></i>日记</h1>
                <div class="timeline-line"></div>
                <div class="timeline-year" th:each="yearDiary : ${yearDiarys}">
                    <h2 th:if="${yearDiary.size() > 0}">
                        <a class="yearToggle" th:text="|${#dates.format(yearDiary[0].createTime,'yyyy')}年|">2022 年</a>
                        <i class="fa fa-caret-down fa-fw"></i>
                    </h2>
                    <div class="timeline-month">
                        <ul>
                            <li th:each="diary : ${yearDiary}">
                                <div class="h4 animated fadeInLeft">
                                    <p class="date">
                                        [[${#dates.format(diary.createTime,'MM')}]]月[[${#dates.format(diary.createTime,'dd')}]]日
                                    </p>
                                </div>
                                <p class="dot-circle animated "><i class="fa fa-dot-circle-o"></i></p>
                                <div class="content animated fadeInRight" th:text="${diary.content}">江湖路远，有缘再见。</div>
                                &nbsp;
                                <div class="layui-btn-group">
                                <a th:if="${session?.user?.id}==1" th:href="@{/admin/diary/update/{id}(id=${diary.id})}" class="layui-btn layui-btn-sm">编辑</a>
                                <a th:if="${session?.user?.id}==1" th:href="@{/admin/diary/delete/{id}(id=${diary.id})}" class="layui-btn layui-btn-sm">删除</a>
                                </div>
                                <div class="clear"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <h1 style="padding-top:4px;padding-bottom:2px;margin-top:40px;"><i class="fa fa-hourglass-end"></i>THE
                    BEGIN</h1>
            </div>
        </div>
    </div>
</div>

<footer th:replace="common::commonfooter"></footer>

<script th:src="@{/layui/layui.js}"></script>
<script th:src="@{/js/yss/gloable.js}"></script>
<script th:src="@{/js/plugins/nprogress.js}"></script>
<script>NProgress.start();</script>
<script th:src="@{/js/pagediary.js}"></script>
<script>
    window.onload = function () {
        NProgress.done();
    };
</script>
</body>
</html>
